<template>
  <div>
    <div>
      <span>年龄：</span>
      <input type="text" v-model.number.lazy="age" />
    </div>
    <div>
      <span>人生格言：</span>
      <input type="text" v-model.trim="motto" />
    </div>
  </div>
</template>

<script>
//目标：v-model 的修饰符
//注意：获取标签上的值，都是字符串
//修饰符：
//     .number  用 parseFloat ---> 数值 --> vue变量
//     .trim    去除首尾空格   -----     --> vue变量
//     .lazy    等待change时间再同步数据----> vue变量

export default {
  data() {
    return {
      age: 10,
      motto: "",
    };
  },
};
</script>

<style>
</style>